
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <meta charset="UTF-8">
        <title>首页</title>
        <link href="${pageContext.request.contextPath}/css/index.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath}/css/navigation.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath}/css/common-style.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath}/css/footer.css" rel="stylesheet">
    </head>
    <body>
        <%--jsp action --%>
        <jsp:include page="navigation/navigation.jsp"/>

        <div class="main">
            <!--分类+背景-->
            <div class="cendiv">
                <!--分类展示-->
                <div class="asidediv">
                    <ul>
                        <li><a href="#">小吃快餐<span class="iconfont icon-iconfonti"></span></a></li>
                        <div class="alefta">
                            <div class="foods">
                                <a href=""> <div class="title"><span><B><p>小吃快餐</p></B></span></div></a><br>
                                <a href=""> <div><span>快餐简餐</span></div></a>
                                <a href=""> <div><span>小吃</span></div></a>
                                <a href=""> <div><span>包子</span></div></a>
                                <a href=""> <div><span>饺子</span></div></a>
                                <a href=""> <div><span>米粉/米线</span></div></a>
                                <a href=""> <div><span>卤味鸭脖</span></div></a>
                                <a href=""> <div><span>炸鸡炸串</span></div></a>
                                <a href=""> <div><span>麻辣烫</span></div></a>
                                <a href=""> <div><span>江浙小吃</span></div></a>
                                <a href=""> <div><span>馄饨/抄手/扁食</span></div></a>
                                <a href=""> <div><span>熟食熏酱</span></div></a>
                                <a href=""> <div><span>西式快餐</span></div></a>
                                <a href=""> <div><span>粥店</span></div></a>
                                <a href=""> <div><span>生煎/锅贴</span></div></a>
                                <a href=""> <div><span>花甲</span></div></a>
                                <a href=""> <div><span>日式简餐/快餐</span></div></a>
                                <a href=""> <div><span>烧鸡</span></div></a>
                                <a href=""> <div><span>更多</span></div></a>
                            </div>
                        </div>
                    </ul>
                    <ul>
                        <li><a href="#">火锅<span class="iconfont icon-iconfonti"></span></a></li>
                        <div class="alefta">
                            <div class="foods">
                                <a href=""> <div class="title"><span><B><p>火锅</p></B></span></div></a><br>
                                <a href=""> <div><span>牛羊肉火锅</span></div></a>
                                <a href=""> <div><span>小火锅</span></div></a>
                                <a href=""> <div><span>重庆火锅</span></div></a>
                                <a href=""> <div><span>潮汕牛肉火锅</span></div></a>
                                <a href=""> <div><span>四川火锅</span></div></a>
                                <a href=""> <div><span>鱼火锅</span></div></a>
                                <a href=""> <div><span>汤锅</span></div></a>
                                <a href=""> <div><span>串串香</span></div></a>
                                <a href=""> <div><span>自助火锅</span></div></a>
                                <a href=""> <div><span>打边炉</span></div></a>
                                <a href=""> <div><span>猪肚鸡火锅</span></div></a>
                                <a href=""> <div><span>更多</span></div></a>
                            </div>
                        </div>
                    </ul>
                    <ul>
                        <li><a href="#">本帮江浙菜<span class="iconfont icon-iconfonti"></span></a></li>
                        <div class="alefta">
                            <div class="foods">
                                <a href=""> <div class="title"><span><B><p>本帮江浙菜</p></B></span></div></a><br>
                                <a href=""> <div><span>江浙菜</span></div></a>
                                <a href=""> <div><span>苏帮菜</span></div></a>
                                <a href=""> <div><span>龙虾</span></div></a>
                                <a href=""> <div><span>衢州菜</span></div></a>
                                <a href=""> <div><span>浙菜</span></div></a>
                                <a href=""> <div><span>更多</span></div></a>
                            </div>
                        </div>
                    </ul>
                    <ul>
                        <li><a href="#">川菜<span class="iconfont icon-iconfonti"></span></a></li>
                        <div class="alefta">
                            <div class="foods">
                                <a href=""> <div class="title"><span ><B><p>川菜</p></B></span></div></a><br>
                                <a href=""> <div><span>川菜馆</span></div></a>
                                <a href=""> <div><span>烤鱼</span></div></a>
                                <a href=""> <div><span>干锅/香锅</span></div></a>
                                <a href=""> <div><span>酸菜鱼</span></div></a>
                                <a href=""> <div><span>水煮鱼</span></div></a>
                                <a href=""> <div><span>更多</span></div></a>
                            </div>
                        </div>
                    </ul>
                    <ul>
                        <li><a href="#">水果生鲜/饮品<span class="iconfont icon-iconfonti"></span></a></li>
                        <div class="alefta">
                            <div class="foods">
                                <a href=""> <div class="title"><span><B><p>水果生鲜</p></B></span></div></a><br>
                                <a href=""> <div><span>水果店</span></div></a>
                                <a href=""> <div><span>生鲜</span></div></a>
                            </div>
                            <div class="foods">
                                <a href=""> <div class="title"><span> <B><p>饮品</p></B></span></div></a><br>
                                <a href=""> <div><span>茶饮果汁</span></div></a>
                                <a href=""> <div><span>冰激凌</span></div></a>
                            </div>
                        </div>
                    </ul>
                    <ul>
                        <li><a href="#">西餐<span class="iconfont icon-iconfonti"></span></a></li>
                        <div class="alefta">
                            <div class="foods">
                                <a href=""> <div class="title"><span><B><p>西餐</p></B></span></div></a><br>
                                <a href=""> <div><span>披萨</span></div></a>
                                <a href=""> <div><span>牛排</span></div></a>
                                <a href=""> <div><span>西式正餐</span></div></a>
                                <a href=""> <div><span>轻食沙拉</span></div></a>
                                <a href=""> <div><span>更多</span></div></a>
                            </div>
                        </div>
                    </ul>
                    <ul>
                        <li><a href="#">地方菜系<span class="iconfont icon-iconfonti"></span></a></li>
                        <div class="alefta">
                            <div class="foods">
                                <a href=""> <div class="title"><span><B><p>地方菜系</p></B></span></div></a><br>
                                <a href=""> <div><span>湘菜</span></div></a>
                                <a href=""> <div><span>川菜</span></div></a>
                                <a href=""> <div><span>江浙菜</span></div></a>
                                <a href=""> <div><span>东北菜</span></div></a>
                                <a href=""> <div><span>北京菜</span></div></a>
                                <a href=""> <div><span>新疆菜</span></div></a>
                            </div>
                        </div>
                    </ul>
                    <ul>
                        <li><a href="#">国家菜系<span class="iconfont icon-iconfonti"></span></a></li>
                        <div class="alefta">
                            <div class="foods">
                                <a href=""> <div class="title"><span><B><p>国家菜系</p></B></span></div></a><br>
                                <a href=""> <div><span>韩国菜</span></div></a>
                                <a href=""> <div><span>日本菜</span></div></a>
                            </div>
                        </div>
                    </ul>
                </div>
                <!--背景-->
                <div class="index-bg">
                    <img src="${pageContext.request.contextPath}/images/index_img/background.png">
                </div>
                <!--登录注册提示-->
                <div class="right">

                    <img src="${pageContext.request.contextPath}/images/member_img/profile.png">
                    <span>Hi, 您好</span>
                    <p>登录迎迎点评,发现品质生活</p>
                    <%--<a href="member/login.html"><button class="right-login">登录</button> </a>
                    <a href="member/regist.html"><button class="right-logon">注册</button></a>
                    <div class="right-line">
                    </div>--%>

                </div>
            </div>
            <!--热门分类-->
            <div class="hot-classify">
                <div class="classify-title">
                    <img src="${pageContext.request.contextPath}/images/index_img/classify.svg">
                    <a href="" class="classify-item">热门分类</a>
                </div>
                <ul class="classify-list">
                    <li><a href="">日本菜</a> </li>
                    <li><a href="">韩国料理</a> </li>
                    <li><a href="">私房菜</a> </li>
                    <li><a href="">家常菜</a> </li>
                    <li><a href="">食品保健</a> </li>
                    <li><a href="">特色菜</a> </li>
                    <li><a href="">烤肉</a> </li>
                    <li><a href="">小龙虾</a> </li>
                    <li><a href="">北京菜</a> </li>
                    <li><a href="">新疆菜</a> </li>
                    <li><a href="">粤菜</a> </li>
                    <li><a href="">素食</a> </li>
                    <li><a href="">粥店</a> </li>
                    <li><a href="">麻辣烫</a> </li>
                    <li><a href="">鱼鲜</a> </li>
                    <li><a href="">面包蛋糕</a> </li>
                    <li><a href="">酒吧</a> </li>
                    <li><a href="">农家菜</a> </li>
                    <li><a href="">咖啡厅</a> </li>
                    <li><a href="">东北菜</a> </li>
                    <li><a href="">创意菜</a> </li>
                    <li><a href="">面馆</a> </li>
                    <li><a href="">自助餐</a> </li>
                    <li><a href="">烧烤烤串</a> </li>
                    <li><a href="">其他美食</a> </li>
                </ul>
            </div>

            <!--店铺-美食推荐-->
            <div class="shop-dishes">
                <!--店铺推荐-->
                <div class="shops">
                    <div class="shops-title">
                        <div class="title-left">
                            <img src="${pageContext.request.contextPath}/images/index_img/shop.svg">
                            <a href="" class="shop-item">店铺</a>
                        </div>
                        <div class="title-right">
                            <a href="" class="shop-all">全部</a>
                            <img src="${pageContext.request.contextPath}/images/index_img/shop-dishes-right.svg">
                        </div>
                    </div>
                    <ul class="shops-display">
                        <li>
                            <div class="shopn">
                                <a href="" class="shop-img">
                                    <img src="${pageContext.request.contextPath}/images/index_img/index-shop1.png"/>
                                </a>
                                <a href="" class="shop-name">老阿爸江浙土菜馆</a>
                                <!--店铺评分+评价-->
                                <div class="shop-info">
                                    <span>5.0分</span>
                                    <span class="comment">991</span>
                                    <span class="comment1">条评价</span>
                                </div>

                                <!--店铺菜系加地址-->
                                <div class="pro-operate">
                                    <span>江浙菜</span>
                                    <span class="address">甪直古镇</span>
                                </div>
                                <!--店铺人均价格-->
                                <div class="shop-price">
                                    <span>￥</span>
                                    <span class="price">59.9</span>
                                    <span class="price">/人</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="shopn">
                                <a href="" class="shop-img">
                                    <img src="${pageContext.request.contextPath}/images/index_img/index-shop1.png"/>
                                </a>
                                <a href="" class="shop-name">老阿爸江浙土菜馆</a>
                                <!--店铺评分+评价-->
                                <div class="shop-info">
                                    <span>5.0分</span>
                                    <span class="comment">991</span>
                                    <span class="comment1">条评价</span>
                                </div>

                                <!--店铺菜系加地址-->
                                <div class="pro-operate">
                                    <span>江浙菜</span>
                                    <span class="address">甪直古镇</span>
                                </div>
                                <!--店铺人均价格-->
                                <div class="shop-price">
                                    <span>￥</span>
                                    <span class="price">59.9</span>
                                    <span class="price">/人</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="shopn">
                                <a href="" class="shop-img">
                                    <img src="${pageContext.request.contextPath}/images/index_img/index-shop1.png"/>
                                </a>
                                <a href="" class="shop-name">老阿爸江浙土菜馆</a>
                                <!--店铺评分+评价-->
                                <div class="shop-info">
                                    <span>5.0分</span>
                                    <span class="comment">991</span>
                                    <span class="comment1">条评价</span>
                                </div>

                                <!--店铺菜系加地址-->
                                <div class="pro-operate">
                                    <span>江浙菜</span>
                                    <span class="address">甪直古镇</span>
                                </div>
                                <!--店铺人均价格-->
                                <div class="shop-price">
                                    <span>￥</span>
                                    <span class="price">59.9</span>
                                    <span class="price">/人</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="shopn">
                                <a href="" class="shop-img">
                                    <img src="${pageContext.request.contextPath}/images/index_img/index-shop1.png"/>
                                </a>
                                <a href="" class="shop-name">老阿爸江浙土菜馆</a>
                                <!--店铺评分+评价-->
                                <div class="shop-info">
                                    <span>5.0分</span>
                                    <span class="comment">991</span>
                                    <span class="comment1">条评价</span>
                                </div>

                                <!--店铺菜系加地址-->
                                <div class="pro-operate">
                                    <span>江浙菜</span>
                                    <span class="address">甪直古镇</span>
                                </div>
                                <!--店铺人均价格-->
                                <div class="shop-price">
                                    <span>￥</span>
                                    <span class="price">59.9</span>
                                    <span class="price">/人</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="shopn">
                                <a href="" class="shop-img">
                                    <img src="${pageContext.request.contextPath}/images/index_img/index-shop1.png"/>
                                </a>
                                <a href="" class="shop-name">老阿爸江浙土菜馆</a>
                                <!--店铺评分+评价-->
                                <div class="shop-info">
                                    <span>5.0分</span>
                                    <span class="comment">991</span>
                                    <span class="comment1">条评价</span>
                                </div>

                                <!--店铺菜系加地址-->
                                <div class="pro-operate">
                                    <span>江浙菜</span>
                                    <span class="address">甪直古镇</span>
                                </div>
                                <!--店铺人均价格-->
                                <div class="shop-price">
                                    <span>￥</span>
                                    <span class="price">59.9</span>
                                    <span class="price">/人</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="shopn">
                                <a href="" class="shop-img">
                                    <img src="${pageContext.request.contextPath}/images/index_img/index-shop1.png"/>
                                </a>
                                <a href="" class="shop-name">老阿爸江浙土菜馆</a>
                                <!--店铺评分+评价-->
                                <div class="shop-info">
                                    <span>5.0分</span>
                                    <span class="comment">991</span>
                                    <span class="comment1">条评价</span>
                                </div>

                                <!--店铺菜系加地址-->
                                <div class="pro-operate">
                                    <span>江浙菜</span>
                                    <span class="address">甪直古镇</span>
                                </div>
                                <!--店铺人均价格-->
                                <div class="shop-price">
                                    <span>￥</span>
                                    <span class="price">59.9</span>
                                    <span class="price">/人</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!--菜品推荐-->
                <div class="dishes">
                    <div class="shops-title">
                        <div class="title-left">
                            <img src="${pageContext.request.contextPath}/images/index_img/dishes.svg">
                            <a href="" class="shop-item">美食</a>
                        </div>
                        <div class="title-right">
                            <a href="" class="shop-all">全部</a>
                            <img src="${pageContext.request.contextPath}/images/index_img/shop-dishes-right.svg">
                        </div>
                    </div>
                    <ul class="shops-display">
                        <li>
                            <div class="shopn">
                                <a href="" class="shop-img">
                                    <img src="${pageContext.request.contextPath}/images/index_img/index-dishes1.jpg"/>
                                </a>
                                <a href="" class="shop-name">土锅豆腐</a>
                                <!--菜品价格+评价-->
                                <div class="price-info">
                                    <span>￥</span>
                                    <span class="price">38</span>
                                    <span class="comment">87人推荐</span>
                                </div>

                                <!--菜品菜系加地址-->
                                <div class="pro-operate">
                                    <span>江浙菜</span>
                                    <span class="address">甪直古镇</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="shopn">
                                <a href="" class="shop-img">
                                    <img src="${pageContext.request.contextPath}/images/index_img/index-dishes1.jpg"/>
                                </a>
                                <a href="" class="shop-name">土锅豆腐</a>
                                <!--菜品价格+评价-->
                                <div class="price-info">
                                    <span>￥</span>
                                    <span class="price">38</span>
                                    <span class="comment">87人推荐</span>
                                </div>

                                <!--菜品菜系加地址-->
                                <div class="pro-operate">
                                    <span>江浙菜</span>
                                    <span class="address">甪直古镇</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="shopn">
                                <a href="" class="shop-img">
                                    <img src="${pageContext.request.contextPath}/images/index_img/index-dishes1.jpg"/>
                                </a>
                                <a href="" class="shop-name">土锅豆腐</a>
                                <!--菜品价格+评价-->
                                <div class="price-info">
                                    <span>￥</span>
                                    <span class="price">38</span>
                                    <span class="comment">87人推荐</span>
                                </div>

                                <!--菜品菜系加地址-->
                                <div class="pro-operate">
                                    <span>江浙菜</span>
                                    <span class="address">甪直古镇</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="shopn">
                                <a href="" class="shop-img">
                                    <img src="${pageContext.request.contextPath}/images/index_img/index-dishes1.jpg"/>
                                </a>
                                <a href="" class="shop-name">土锅豆腐</a>
                                <!--菜品价格+评价-->
                                <div class="price-info">
                                    <span>￥</span>
                                    <span class="price">38</span>
                                    <span class="comment">87人推荐</span>
                                </div>

                                <!--菜品菜系加地址-->
                                <div class="pro-operate">
                                    <span>江浙菜</span>
                                    <span class="address">甪直古镇</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="shopn">
                                <a href="" class="shop-img">
                                    <img src="${pageContext.request.contextPath}/images/index_img/index-dishes1.jpg"/>
                                </a>
                                <a href="" class="shop-name">土锅豆腐</a>
                                <!--菜品价格+评价-->
                                <div class="price-info">
                                    <span>￥</span>
                                    <span class="price">38</span>
                                    <span class="comment">87人推荐</span>
                                </div>

                                <!--菜品菜系加地址-->
                                <div class="pro-operate">
                                    <span>江浙菜</span>
                                    <span class="address">甪直古镇</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="shopn">
                                <a href="" class="shop-img">
                                    <img src="${pageContext.request.contextPath}/images/index_img/index-dishes1.jpg"/>
                                </a>
                                <a href="" class="shop-name">土锅豆腐</a>
                                <!--菜品价格+评价-->
                                <div class="price-info">
                                    <span>￥</span>
                                    <span class="price">38</span>
                                    <span class="comment">87人推荐</span>
                                </div>

                                <!--菜品菜系加地址-->
                                <div class="pro-operate">
                                    <span>江浙菜</span>
                                    <span class="address">甪直古镇</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>

        <jsp:include page="navigation/footer.jsp"/>
    </body>
</html>

